.bg-blue {
    background-color: #0d1734 !important;
}

/* .header {
    margin-top      : 66px;
    background-color: #070f29;
} */

.mapcontainer {
    height: 400px;
}

.body_erp,
.body_erp header,
.body_erp main {
    background: #f8f8f8;
}

.header {
    margin-top      : 54px;
    background-color: #fff;
}


.header .dropdown-menu {
    top: 130%;
}

.header .fixed-top {
    width  : 100%;
    padding: 0;
}


.header .container-fluid {
    width    : 100%;
    max-width: 1440px;
}

.header .navbar-nav .nav-link {
    padding: 0 1.5rem;
    color  : #111;
}

.header .banner {
    width    : 100%;
    max-width: 1700px;
    margin   : 0 auto;
}

.header .banner img {
    width: 100%;
}

.main {
    background-color: #ffffff;
    margin-bottom   : 30px;
}

.footer {
    text-align: center;
    margin    : 20px 0;
}

.section {
    text-align: center;
    margin-top: 100px;
}

.content-panel {
    max-width: 1440px;
    margin   : 0 auto;
}

.content-panel .content-title {
    font-size    : 40px;
    font-weight  : bold;
    margin-bottom: 0;
}

.content-panel .content-title-sub {
    font-size: 14px;
    margin   : 20px 50px;
}

.section-erp .content-panel {
    width: 1110px;
}

.section-erp .content-title {
    margin-bottom: 50px;
}

.card-erp .card {
    border       : 0;
    border-radius: 0;
    margin-bottom: 30px;
}

.card-erp .card-img-overlay {
    position  : absolute;
    top       : unset;
    right     : unset;
    bottom    : 0;
    left      : unset;
    padding   : 1.25rem;
    background: rgba(13, 23, 52, .8);
}


.card-erp .card:hover .card-img-overlay .card-text {
    height     : 100px;
    padding-top: 0.75rem;
    transition : all ease-in-out 0.5s;
}

.card-erp .card-text {
    font-size : 14px;
    color     : #fff;
    text-align: left;
    height    : 0;
    overflow  : hidden;
    transition: all ease-in-out 0.5s;
}

.card-erp .card-title {
    font-weight  : bold;
    margin-bottom: 0px;

}


.section-advantage {
    padding   : 45px 0;
    background: #f2f6ff;
    position  : relative;
}

.section-advantage .rainbow {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
}

.section-advantage .content-panel {
    max-width: 1440px;
}

.section-advantage .content-title,
.section-advantage .content-title-sub {
    color: #111;
}

.section-advantage .content-panel .row {
    margin-top: 85px;
}

.section-advantage .content-panel .row .card {
    max-width : 260px;
    background: rgba(230, 230, 230, .9);
}

.section-advantage .card-body {
    padding      : 1.25rem 0;
    background   : #f2f6ff;
    border-radius: 0;
    border       : 3px solid #03409b;
    color        : #03409b;
}

.section-advantage .card-body .mt-neg5 {
    background: #f2f6ff;
    padding   : 0 2rem;
}

.section-advantage .card-title {
    margin     : 22px 0;
    font-size  : 30px;
    font-weight: bold;
}

.section-advantage .card-text {
    font-size: 18px;
}


.section-platform .card-deck {
    margin-top: 45px;
}

.section-platform .card-body {
    padding   : 2rem 0;
    color     : #fff;
    background: #3062ae;
}

.section-platform .card-deck .card-title {
    font-size    : 36px;
    margin-bottom: 0;
    font-weight  : bold;
    font-style   : italic;
}


.section-contact .content-panel {
    max-width: 1280px;
}

.section-contact .content-panel .card {
    border    : 0;
    background: #fff;
}

.section-contact .align-self-center {
    text-align: left;
}

.section-contact .card .card-title {
    font-size  : 40px;
    font-weight: bold;
}

.section-contact .card .card-text {
    font-size: 18px;
}

.section-contact .card .card-text i {
    margin-right: 5px;
}


.section-function .content-panel .card {
    max-width : 300px;
    box-shadow: 0px 0px 10px #aaa;
}

.section-function .content-panel .card .card-title {
    font-size  : 20px;
    font-weight: bold;
    margin-top : 1.75rem;
}

.section-function .content-panel .card .card-text {
    font-size : 14px;
    text-align: left;
}

.section-function .content-panel .card:hover {
    color     : #fff;
    background: #006ce1;
}


.hovershow {
    display: none;
}

.section-function .content-panel .card:hover .hovershow {
    display: inline;
}

.section-function .content-panel .card:hover .normal {
    display: none;
}




.section-function .col {
    margin-top: 7rem;
}


.section-characteristic .content-panel .card {
    margin-top: 40px;
    background: #f8f8f8;
    border    : 0;
    padding   : 15px;
}

.section-characteristic .content-panel .card .card-text {
    font-size : 28px;
    text-align: left;
}

.section-characteristic .offset-md-1 {
    margin-left : 4%;
    margin-right: 3%;
}

.section.section-news {
    margin-top: 25px;
}

.section.section-company {
    margin-top: -81px;
}

.section-news .content-panel {
    width: 1280px;
}

.section-company .content-panel {
    width: 1300px;
}

.section-news .content-panel .news-content {
    width : 1000px;
    margin: 0 auto;
}

.section-news .breadcrumb,
.section-company .breadcrumb {
    padding      : 0;
    background   : none;
    margin-bottom: 30px;
}

.section-company .breadcrumb {
    margin-bottom: 50px;
}

.section-news .breadcrumb-item a,
.section-company .breadcrumb-item a {
    color: #6c757d;
}

.section-news .content-panel .content-title {
    text-align: left;
    font-size : 35px;
}

.section-news .card {
    box-shadow: 2px 2px 3px #ccc;
}

.section-news .card .row {
    margin-left: 0;
    padding    : 20px 30px;
}

.section-news .card .card-text {
    font-size : 20px;
    text-align: left;
}


.section-privacy {
    margin-top: 146px;
}

.section-privacy .content-panel {
    width: 1280px;
}

.section-privacy .content-panel .content-title {
    text-align: left;
    font-size : 24px;
}

.section-privacy .news-content {
    text-align: left;
    font-size : 18px;
}

.section-privacy .news-content .content-panel-text {
    margin-bottom: 30px;
    line-height  : 36px;
}


.section-company .card {
    border    : 0;
    background: #ececec;
}

.section-company .card .card-header {
    font-size : 35px;
    color     : #fff;
    background: #005b9a;
}

.section-company .card .card-body {
    text-align: left;
    padding   : 1.5rem 2rem;
}


.section-company .card.card-two {
    background: #eef6f9;
}

.section-company .card-two .flex-row {
    padding: 60px 40px;
}

.col-left {
    text-align: right;
}

.col-right {
    padding-top: 75px;
    text-align : left;
}

.section-company .card.card-one .card-text {
    font-size  : 20px;
    line-height: 40px;
    text-align : left;
    text-indent: 40px;
}



.section-company .card.card-two .card-text {
    font-size    : 20px;
    line-height  : 24px;
    margin-bottom: 25px;

}

.section-company .card.card-two b {
    font-size    : 30px;
    line-height  : 36px;
    font-weight  : bold;
    font-style   : italic;
    font-family  : Nunito;
    margin-bottom: 5px;
}

.section-company .card.card-three .card-text {
    font-size  : 28px;
    line-height: 48px;
    text-align : left;
    font-weight: bold;
}

.section-company .card.card-three .ol-list {
    list-style  : none;
    padding-left: 0;
}

.section-company .card.card-three .ol-list .card-text {
    font-size  : 20px;
    line-height: 48px;
    font-weight: normal;
}

.timeline {
    border-left : 2px solid #465066;
    list-style  : none;
    padding-left: 30px;
}

.timeline li {
    position: relative
}

.timeline li .bi {
    position: absolute;
    left    : -38px;
    top     : 7px;
    color   : #465066;
}

.timeline li:first-child:after {
    display   : block;
    content   : " ";
    position  : absolute;
    height    : 11px;
    width     : 2px;
    background: #eef6f9;
    top       : 0px;
    left      : -32px;
}

.timeline li:last-child:after {
    display   : block;
    content   : " ";
    position  : absolute;
    height    : 11px;
    width     : 2px;
    background: #eef6f9;
    top       : 30px;
    left      : -32px;
}


a {
    color: #0d6efd;
}

a:hover {
    color: #35bdff;
}